<template>
	<div id="performanceSales" class="performanceSales">
		<div>
			<group>
				<cell v-bind:title="name" inline-desc='职位：销售总监' class="performanceSales">
					<img slot="icon" width="60" style="display:block;margin-right:5px;border-radius:20px" src="../../../assets/profile/head1.jpg">
				</cell>
			</group>
			<group title="月计划设置" label-width="7em" label-margin-right="4em" label-align="justify">
				<x-input title="销售目标" placeholder="单位（万）" v-model="value1"></x-input>
				<x-input title="约到访数量" placeholder="单位（个）" v-model="value1"></x-input>
				<x-input title="电话沟通量" placeholder="单位（个）" v-model="value1"></x-input>
				<x-input title="试听课数量" placeholder="单位（个）" v-model="value1"></x-input>
			</group>
			<box gap="10px 10px">
				<x-button :gradients="['#1D62F0', '#19D5FD']">确定</x-button>
			</box>
		</div>


	</div>
</template>

<script>
	import NetWorking from '../../../utils/networking'

	import { Group, Cell, Divider, XNumber, XButton, Box, XInput } from 'vux'

	export default {
		name: "performance-sales",
		components: {
			Group,
			Cell,
			Divider,
			XNumber,
			XButton,
			Box,
			XInput
		},
		data () {
			return {
				name: ''
			}
		},
		created: function () {
			let _this = this
			var url = 'users/' + this.$route.params.id
			NetWorking.doGet(
				url,
				null,
				null
			).then(
				response => {
					let rs = response.data
					if(rs.error_code == 0){
						_this.name = rs.user.nickname;
					}else{
						alert(rs.error_message);
					}
				}
			)
		}
	}
</script>

<style>
	.performanceSales {
		margin-top: 30px;
	}
</style>